.goods-item {
    display: flex;
    border-bottom: 1px solid #efefef;
    padding: $app-padding 0;
    &:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

    .cover {
        margin-right: 15px;

        image {
            width: 80px;
            height: 80px;
        }
    }

    .content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .title {
            font-size: 11px;

            // height: 40px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;

            margin-bottom: 8px;

            max-height: 32px;
        }

        // .month-sales {
        //     font-size: 12px;
        //     color: #999;
        //     margin-bottom: 6px;
        // }

        .tag {
            display: flex;
            margin-bottom: 6px;

            .tag-item {
                font-size: 10px;
                border: 1px solid #fe6a54;
                color: #fe6a54;
                border-radius: 3px;
                text-align: center;
                margin-right: 5px;
                padding: 1px 2px;
            }
        }

        .mate {
            display: flex;


            .price {
                flex: 1;
                color: $app-price;
                font-size: 12px;

                strong {
                    font-size: 14px;
                    margin-left: 1px;
                }
            }

            .number {
                font-size: 11px;
            }
        }

        .goods-zero {
            font-size: 12px;
            color: #999;
        }
    }
}
